/* style css */

@charset "utf-8";

/* CSS Document */

body{ padding:0px; margin:0px; font-family:"微软雅黑";overflow-x:hidden;}

p,ul,li,p,dl,dt,dd{ padding:0px; margin:0px;}

img{ border:0}

li{ list-style:none}

.w1200{ width:1200px; margin-left:auto; margin-right:auto}

.w{ width:105%}

.border{ border-bottom:#eaeaea solid 1px;}



.top{ background:#f7f7f7; border-bottom:#dedede solid 1px; line-height:40px; overflow:hidden}

.top p{ font-size:14px; color:#999999; float:left; display:inline}

.top a{ font-size:14px; color:#999999; float:right; display:inline; text-decoration:none;}

.top span{ color:#adadad;float:right; display:inline; font-size:14px; margin-left:10px; margin-right:10px}





.header{ overflow:hidden; margin-top:20px; margin-bottom:30px;}

.logo{ float:left; display:inline}

.search{ float:left; display:inline; margin-left:20px; border-left:#999999 solid 1px; padding-left:30px; margin-top:10px;}

.search  p{ color:#e73102; font-size:18px;}

.search  span{ color:#999999; font-size:14px; margin-top:5px; display:block}

.tel{ float:right; display:inline; margin-top:40px; }

.tel p{font-size:14px; color:#999999;margin-bottom:0px; text-align:left; display:block}

.tel img{ float:left; margin-right:10px; display:inline}

.tel div{ float:right; display:inline}

.tel strong{font-weight:normal; text-align:right; color:#e73102; font-size:24px; display:block}



.nav{ background:#e73102; height:60px; margin-top:0px; position:relative; z-index:9999}

.nav li{ float:left; width:170px; text-align:center; position:relative; z-index:9999;padding-top:15px; padding-bottom:20px; border-right:#eaeaea solid 1px;}

.nav li a{ text-decoration:none}

.nav li a span{ color:#fff;  display:block; line-height:25px; font-size:16px; }

.nav li:first-child{ width:174px;}

.nav li:first-child span{ color:#FFF}

.nav li.act{background:#ff6c00;}



.nav li:hover a span{ color:#fff}

.nav li.act a span{ color:#fff}

.s{ display:none; position:absolute;top:60px; width:162px;}

.s a{ display:block; color:#fff; line-height:35px; text-align:center; font-size:14px; /*padding-left:35px;*/ border-top:#fff solid 1px; display:block}

.nav li:hover .s{ display:block;}

.s a:first-child{border-top:#fff solid 0px;}

@keyframes fadeNav {

    from {

		width:100px;

    }

    to {

		background:#ff6c00;

		width:170px;

    }

}

.animatedNav {

    animation-duration: 0.5s;

    animation-fill-mode: both;

}

.fadeInNav {

    animation-name: fadeNav;

    animation-direction: normal;

}

/* banner */

.banner{height:600px; clear:both; position:absolute; top:0px; overflow:hidden;}

.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}

.banner .ban_nav{display:block;}

.banner .Left,.banner .Right{position:absolute;width:90px;height:54px;right:50%;bottom:280px;}

.banner .Left{left:0px;background-position:5px 0; background:url(../left_02.png) no-repeat; width:90px; height:54px;}

.banner .Right{right:0px;background-position:-33px 0;background-color:#e6292f;background:url(../right_03.png) no-repeat; width:90px; height:54px;}

.bann_ext{position:relative;}

.frontCover{position:absolute;top:-50px;padding:0 0 16px;border-bottom:5px solid #de0000;}

.frontCover li{float:left;width:82px;padding:3px;background:#1277cf;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}

.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}

.frontCover .img{position:relative;height:50px;overflow:hidden;}

.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}

.frontCover .open{background:#ff6c00;}

.wrap{width:980px;margin-left:auto;margin-right:auto;}

/*幻灯片(组件)*/

.slide{position:relative;width:100%;}

.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.ban_c img{width:100%;height:100%;}

.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}

.ban_nav{position:absolute;bottom:20px;left:0;width:54%;text-align:right;z-index:4;}

.ban_nav a{display:inline-block;vertical-align:middle;width:12px;height:12px;line-height:3px;overflow:hidden;text-align:center;margin-right:10px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#fff; color:#fff; border-radius:100%}

.ban_nav .on{background:#e73102;color:#e73102;}

.Left,.Right{cursor:pointer;}



.product{ overflow:hidden; background:none;}

.marque{ position:relative}

.marque a{  text-decoration:none}

.marque p{  padding:0px; margin:0px; font-weight:normal; font-size:16px; color:#333333; line-height:60px;}

.goL{ position:absolute; left:1px; top:120px;}

.goL img{ width:40px; height:auto}

.goR{ position:absolute; right:0px; top:120px;}

.goR img{ width:40px; height:auto}

#marquee1{width:1200px;height:372px;overflow:hidden; margin:0 auto; margin-top:20px;}

#marquee1 ul li{float:left;width:313px; text-align:center; }

#marquee1 ul li span{display:block; width:270px; border-bottom:#d4d3d2 solid 1px;}

#marquee1 ul li img{display:block;width:270px; height:270px; }

#marquee1 ul li:hover span{ background:#e73102; border-bottom:#dd932a solid 1px;}

#marquee1 ul li:hover span p{ color:#FFF}

.productTitle{ text-align:center; margin-top:40px;  padding-bottom:10px; overflow:hidden}

.productTitle img{vertical-align:middle }

.productTitle a{ text-decoration:none; color:#333333; font-size:24px;}

.productTitle p{ text-decoration:none; color:#e73102; font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}











.title{ margin-top:50px; overflow:hidden; margin-bottom:0px; border-bottom:#cccccc solid 1px; position:relative}

.title a{ color:#666666; font-size:14px; text-decoration:none; line-height:35px; display:inline; float:right; margin-top:10px;}

.title a:hover{ color:#dd932a}

.title strong{color:#e73102; background:#e73102; height:2px; width:150px; position:absolute; left:0; bottom:0}

.title span{ color:#333333; font-size:24px; display:inline;  float:left; line-height:50px;}

.title p{ color:#333333; font-size:12px; display:inline;  float:right; line-height:50px; margin-right:10px; margin-left:10px; margin-top:2px;}

.title p:first-child{ margin-right:0px}

.case{ overflow:hidden}

.case li{ float:left; background:#f6f6f6; width:378px; text-align:center; margin-right:35px; margin-top:20px;}

.case li img{ width:378px; height:288px;-webkit-transition: -webkit-transform 0.3s;

  -moz-transition: -moz-transform 0.3s;

  -o-transition: -o-transform 0.3s;

  transition: transform 0.3s;}

.case li span{ font-size:16px; color:#666666; line-height:70px;}

.case li div{width:378px; height:288px; overflow:hidden}

.case li:hover img{-webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);}

    .case li:hover{ background:#e73102;}

  .case li:hover span{  color:#FFF}

.case li a{ text-decoration:none}



.adv{ margin-top:55px; background:url(../btn_1_02.jpg) center ; height:322px; }

.ad { overflow:hidden; margin-top:30px;}

.ad li{ float:left; width:300px;}

.ad li div{ width:62px; height:62px; background:#FFF; border-radius:100%; font-size:24px; color:#e73102; line-height:62px; text-align:center; float:left; margin-right:10px;}

.ad li p{ font-size:24px; color:#FFF}

.ad li span{ font-size:14px; color:#FFF; margin-top:8px; display:block}

.ad li span p{ font-size:14px; color:#FFF; margin-top:8px; display:block}

.ps{ color:#FFF;text-align:center; font-size:16px; display:block; line-height:50px; margin-top:10px;}

.ps strong{ font-size:24px; color:#ff6c00; font-weight:normal;font-style: italic}

.span{ font-size:14px; color:#FFF; text-align:center; display:block}



.about{ margin-top:30px;overflow:hidden; margin-bottom:20px;}

.about p{ font-size:14px; color:#666666; line-height:32px; margin-bottom:25px; margin-top:-10px}

.about h4{ padding:0px; margin:0px; font-size:30px; color:#FFF; font-weight:normal; line-height:60px; padding-top:45px;}

.about span{  font-size:30px; color:#FFF}

.about img{ width:575px; height:348px; float:left; display:inline;}

.aboutFonts{ display:inline; float:right; width:580PX;}

.ab{ background:url(../btn_4_03.png) no-repeat; width:349px; height:81px; margin-top:10px; text-align:center; overflow:hidden}

.ab a{ width:103px; height:81px; display:block; float:left; text-decoration:none; color:#666666; padding-top:60px;}

.ab a:nth-child(2){ margin-left:10px; }

.ab a:nth-child(3){ margin-left:20px;color:#e73102;}



.two{ margin:0px auto;height:360px;width:1200px;overflow:hidden; position:relative}

.two ul{height:360px;width:960000000000px;position:absolute;left:0;}

.two ul li{display:block;float:left;margin:15px; height:330px; text-align:center; position:relative; border:#eaeaea solid 1px; width:362PX;}

.two ul li a{display:inline-block;height:80px; text-decoration:none} 

.two ul li img{display:block; width:362px; height:202px;}

.two ul li a span{display:block;color:#666666;font-size:16px;line-height:50px;padding-left:10px;padding-right:10px;}

.two ul li p{ padding-left:10px; font-size:14px; color:#666666; display:block; line-height:35px; border-top:#eaeaea solid 1px; width:350px; }

.two ul li time{ position:absolute; right:0;top:0; background:rgba(255,255,255,0.5); padding:10px; color:#171717; text-align:center}







.w780{ width:350px; margin-left:auto; margin-right:auto; height:400px; background:#f4f4f4; text-align:center; padding-top:20px; font-size:15px;}

.w780 span{ display:block; font-size:24px; font-weight:bold; color:#e73102; line-height:50px;}

.w780 p{ font-size:14px; color:#666666; margin-bottom:20px;}

.w780  input[type="text"]{ border:#b8b8b8 solid 1px; height:40px; line-height:40px; background:none; padding-left:5px; font-family:"微软雅黑"; width:200px; color:#666666}

.w780 textarea{ background:none;border:#b8b8b8 solid 1px; font-family:"微软雅黑"; width:200px; margin-top:10px; height:50px; vertical-align:middle; padding-left:5px; margin-bottom:10px; color:#666666; font-size:14px;}

.w780 li{ line-height:55px;}

.w780  input[type="submit"]{ background:#e73102; width:100px; height:40px; border:none; color:#FFF}



.reveal-modal{ display:none; position:fixed; z-index:99999; background:rgba(fff,fff,fff,0.7); top:100px; left:0; right:0;  margin:0 auto;-moz-box-shadow:0px 7px 12px #333333; -webkit-box-shadow:0px 7px 12px #333333; box-shadow:0px 7px 12px #333333;  border-radius:20px;}

.close-reveal-modal{ position:absolute; top:0; right:0;cursor:pointer; background:#e73102; width:35px; height:35px; font-size:20px; color:#fff; border-radius:100%; line-height:35px; text-align:center}







.news{ overflow:hidden; margin-bottom:0px;}

.newsLeft{ width:570px; float:left}

.t{ overflow:hidden; border-bottom:#0093ec solid 1px; padding-bottom:8px;}

.t img{ float:left; display:inline; margin-right:10px;}

.t span{ color:#0093ec; font-size:18px; float:left}

.t a{ text-decoration:none; font-size:15px;color:#0093ec; float:right; display:inline; padding-top:6px;}

.newsPic{ margin-top:30px; overflow:hidden}

.newsPic h4{ padding:0px; margin:0px; color:#666666; font-size:14px; font-weight:normal; margin-top:10px;}

.newsPic img{ width:362px; height:202px; float:left; margin-right:20px;}

.newsPic a{ text-decoration:none; color:#666666; font-size:18px;}

.newsPic p{ font-size:14px; color:#666666; line-height:28px;margin-top:10px;}

.newsPic span{ font-size:16px; display:block}

.newsPic time{ font-size:14px; color:#666666; line-height:40px; width:290px; border-bottom:#e6e6e6 solid 1px; display:block; float:left; margin-bottom:3px;}

.newsPics{ margin-top:10px; overflow:hidden; width:105%}

.newsPics h4{ padding:0px; margin:0px; color:#666666; font-size:14px; font-weight:normal; margin-top:10px;}

.newsPics img{ width:135px; height:135px;}

.newsPics a{ text-decoration:none; color:#666666; font-size:18px; width:135px; display:block; float:left;margin-right:10px; text-align:center}

.newsPics p{ font-size:14px; color:#666666; line-height:28px;margin-top:10px;}

.newsPics span{ font-size:16px; display:block; line-height:40px; background:#f6f6f6}

.newsPics a:hover span{ background:#dd932a; color:#FFF}

.newsPics time{ font-size:14px; color:#666666; line-height:40px; width:290px; border-bottom:#e6e6e6 solid 1px; display:block; float:left; margin-bottom:10px;}

.more{ font-size:12px !important; color:#e73102 !important; margin-top:4px !important; display:block}

.newsRight{width:570px; float:right}

.newsFonts{ overflow:hidden; margin-top:20px;}

.newsFonts a{ font-size:15px; color:#666666; text-decoration:none}

.newsFonts li{ line-height:50px; border-bottom:#dbdbdb dotted 1px; overflow:hidden}

.newsFonts  img{vertical-align:middle; margin-right:8px;}

.newsFonts span{ float:right; font-size:12px; padding-top:0px;}







.footer{ background:#171717;overflow:hidden; margin-top:60px;}

.footerLeft{ float:left; display:inline;  color:#7e7e7e; background:#424242; padding:40px 30px 30px 30px;}

.footerLeft img{ width:107px; height:107px; float:left; margin-right:15px;}

.footerLeft span{ font-size:14px;}

.footerLeft h1{ font-size:40px; padding:0px; margin:0px; font-weight:normal}

.footerLeft p{ font-size:14px;}

.footerLeft a{ background:#FFF; font-size:18px; color:#666666; font-weight:bold; text-decoration:none;  border-radius:30px; width:172px; height:50px; text-align:center; display:block; line-height:50px; margin-top:20px; margin-left:30px;}

.footerRight{ float:left; display:inline; margin-left:50px; margin-top:20px; width:810px;}

.footerNav { width:200px; overflow:hidden; text-align:left; margin-top:20px; margin-left:100px; float:left; display:inline}

.footerNav a{ font-size:15px; color:#7e7e7e; text-decoration:none;    width:100px; display:block; float:left; text-align:left; line-height:30px;}

.footerNav span{ color:#0265bc; float:left}

.footerNav h1{ padding:0px; margin:0px; font-size:18px; color:#7e7e7e; font-weight:normal; border-bottom:#7e7e7e solid 2px; padding-bottom:10px; margin-bottom:10px;}

.lxwm{ float:right; display:inline; width:380px;margin-top:20px; color:#7e7e7e; font-size:15px;}

.lxwm h1{ padding:0px; margin:0px; font-size:18px; color:#7e7e7e; font-weight:normal; border-bottom:#7e7e7e solid 2px; padding-bottom:10px; margin-bottom:10px;}

.lxwm li{ line-height:40px;vertical-align:middle;}

.lxwm img{ float:left; margin-right:10px; margin-top:15px;}

.footerRight a:first-child{ text-align:left; width:80px}

.footerRight p{ color:#7e7e7e; font-size:15px; line-height:35px; margin-top:20px;}

.footerRight a{ color:#7e7e7e; text-decoration:none}



.foot{ background:#0f0f0f; line-height:50px; overflow:hidden}

.foot p{ color:#7e7e7e; font-size:14px; float:left; display:inline}

.foot a{ color:#7e7e7e; display:inline; font-size:14px; text-decoration:none}





.izl-rmenu{position:fixed;right:0px;bottom:100px;padding-bottom:0px;background:#fff 0px bottom no-repeat;z-index:999;}

    .izl-rmenu .btn1{width:83px;height:74px;cursor:pointer;position:relative; border-bottom:#b6b6b6 solid 1px;}

    .izl-rmenu .btn-qq{background:url(../r_qq.png) 0px 0px no-repeat;}

    .izl-rmenu .btn-map, a.btn-qq,.izl-rmenu a.btn-qq:visited{text-decoration:none;display:block;}

	  .izl-rmenu .btn-map{background:url(../map_03.png) 0px 0px no-repeat; }

	  .izl-rmenu .btn-wx{background:url(../r_wx.png) 0px 0px no-repeat;}	

	  .izl-rmenu .btn-wx:hover{}	

    .izl-rmenu .btn-wx .pic{position:absolute;left:-140px;top:0px;display:none;width:120px;height:110px; padding:10px; background:#fff}

    .izl-rmenu .btn-phone{background:url(../r_phone.png) 0px 0px no-repeat;}

    .izl-rmenu .btn-phone:hover{background-color:#fff;}

    .izl-rmenu .btn-phone .phone{background-color:#e73102;position:absolute;width:160px;left:-160px;top:0px;line-height:74px;color:#FFF;font-size:18px;text-align:center;display:none;}

    .izl-rmenu .btn-top{background:url(../r_top.png) 0px 0px no-repeat;display:none;}

			

		

/******************************/		

.ban{ width:100%; position:relative; overflow:hidden; height:300px;top:0px;}

.bans{ width:1920px; position:absolute; left:50%; margin-left:-960px; height:300px}

.bans img{ width:1920px; height:300px;}	



.menu{ font-size:15px; color:#666666; text-align:left; border-bottom:#dedede solid 1px; padding-bottom:20px;}

.menu img{float:left; margin-right:4px; width:20px; height:20px;}

.menu a{ font-size:15px; color:#666666; text-decoration:none;}

.ts{ float:left; display:inline; line-height:40px;}

.ts img{ vertical-align:middle; float:left; display:inline; width:20px; height:20px; padding-top:10px;}

.menus{ margin-top:20px; overflow:hidden}

.menuNav{ display:inline; float:right; margin-bottom:10px; margin-top:10px}

.menuNav a{ font-size:15px; text-align:right; background:#e73102;padding:10px; margin-left:5px; color:#FFF; border-radius:6px}



.flxz{ background:#f4f4f4; line-height:22px; color:#666666; padding-left:20px; font-size:14px; width:1180px; margin-left:auto; margin-right:auto; margin-top:20px}

.flxz a{ color:#666666; text-decoration:none; margin-right:15px; border:#a0a0a0 dotted  1px !important; padding:10px; border-radius:10px}

.flxz span{ margin-right:20px}

.flxz a.act{ background:#e73102; color:#FFF;border:#f3a11a dotted 1px !important}

.flxz a:hover{ background:#e73102; color:#FFF;border:#f3a11a dotted 1px !important}



.page{ text-align:center; margin-top:40px; clear:both; width:100%; margin-bottom:25px;}

.page a{ font-size:14px; margin-right:10px; color:#666666; background:#e1e1e1; padding:10px 15px 10px 15px; text-decoration:none}

.page span{ font-size:14px; margin-right:10px; color:#ffffff; background:#e73102; padding:10px 15px 10px 15px; text-decoration:none}

.page a.act{ background:#e73102; color:#FFF}

.page a:hover{background:#e73102; color:#FFF}



.tt{ text-align:center; font-size:24px; color:#666666; line-height:55px;}

.titleConf{ text-align:center; font-size:14px; margin-bottom:10px; color:#666666; background:#f6f4f4; width:1200px; margin:0 auto; line-height:50px;}

.containter{ margin-top:20px}

.containter img{ max-width:1200px; margin-bottom:10px;}



.next{ overflow:hidden; margin-top:20px}

.next a{ text-decoration:none; color:#666666; line-height:30px; display:block}



.new{ margin-top:0px !important}



.temas{ overflow:hidden}

.temas ul{ width:105%}

.temas li{ float:left; width:278px; margin-right:29px; margin-top:20px; text-align:center; border-bottom:#dfdfdf solid 1px;}

.temas img{ width:278px; height:278px;}

.temas a{ font-size:15px; color:#666666; text-decoration:none; line-height:50px;}





.fwxm{width:1198px;overflow:hidden; margin:0 auto; border-right:#f4f4f4 solid 1px; border-left:#f4f4f4 solid 1px;  border-bottom:#f4f4f4 solid 1px; padding-bottom:40px;}

.fwxm ul { width:105%}

.fwxm ul li{float:left;width:270px; text-align:center; margin-top:20px; margin-left:24px}

.fwxm ul li span{display:block; width:270px; border-bottom:#dedede solid 1px;}

.fwxm ul li img{display:block;width:270px; height:270px; }

.fwxm ul li:hover span{ background:#e73102; border-bottom:#e73102 solid 1px;}

.fwxm ul li p{ line-height:50px; color:#666666;}

.fwxm ul li a{ text-decoration:none}

.fwxm ul li:hover span p{ color:#FFF; }